<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Document</title>
  </head>
  <body>
    <button>按钮</button>
    <input type="text" value="输入内容">
    <script>
      // 1. 获取元素
      var btn = document.querySelector('button');
      var input = document.querySelector('input');
      // 2. 注册事件处理程序
      btn.onclick = function () {
        input.value = '被点击了！'; 	// 通过value来修改表单里面的值
        this.disabled = true;		     // this指向的是事件函数的调用者 btn
      };
    </script>
  </body>
</html>